import Layout from '@/layout/backstage/index.vue'
/**
 * Note: sub-menu only appear when route children.length >= 1
 *
 * hidden: true                   当设置 true 的时候该路由不会在侧边栏出现(default is false)
 * alwaysShow: true               你可以设置 alwaysShow: true，这样它就会忽略之前定义的规则，一直显示根路由
 *                                当你一个路由下面的 children 声明的路由大于1个时，自动会变成嵌套的模式--如组件页面，
 *                                只有一个时，会将那个子路由当做根路由显示在侧边栏--如引导页面
 * redirect: noRedirect           当设置 noRedirect 的时候该路由在面包屑导航中不可被点击
 * name:'router-name'             设定路由的名字，一定要填写不然使用<keep-alive>时会出现各种问题
 * meta : {
    roles: ['admin','editor']    设置该路由进入的权限，支持多个权限叠加
    title: 'title'               设置该路由在侧边栏和面包屑中展示的名字
    icon: 'svg-name'             设置该路由的图标
    cache: false                 如果设置为true，则会被 <keep-alive> 缓存(默认 false)
    affix: true                  若果设置为true，它则会固定在tags-view中(默认 false)
    breadcrumb: false            如果设置为false，则不会在breadcrumb面包屑中显示(默认 true)
    activeMenu: '/example/list'  当路由设置了该属性，则会高亮相对应的侧边栏。
  }
 */


// 鉴权路由
export const backstageRoutes = [
  {
    path: '/admin/home',
    redirect: '/admin/home',
    component: Layout,
    children: [{
      path: '/admin/home',
      name: 'Home',
      component: () => import('@/views/backstage/home/home.vue'),
      meta: {
        title: '工作台',
        icon: 'menu1'
      }
    }]
  },
  {
    path: '/demo1',
    component: Layout,
    meta: {
      title: '测试路由',
      icon: 'menu1'
    },
    children: [
      {
        path: '/admin/demo1',
        name: 'form',
        component: () => import('@/views/demo/demo1.vue'),
        meta: { title: '表格内的表单校验' }
      },
      {
        path: '/admin/demo3',
        name: 'shuiyin',
        component: () => import('@/views/demo/demo3.vue'),
        meta: { title: '自定义指令' }
      }
    ]
  }
]

export default backstageRoutes
